.wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: @bg-light;
  display: flex;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid @border-light;
  z-index: 9;
  // .button {
  //   &:after {
  //     top: 0;
  //     background-color: #E3E3E3;
  //   }
  //   i {
  //     font-weight: 400;
  //   }
  //   span {
  //     font-weight: 700;
  //     font-size: 17px;
  //   }
  // }
  :global {
    .am-button {
      height: 30px;
      line-height: 30px;
    }
    .am-button-ghost {
      color: @main-text-color;
      font-size: 16px;
      &:before {
        border: 0 !important;
      }
    }
    .noBorder {
      flex-grow: 0.66;
      width: 80px;
      font-size: 16px;
      &:before {
        border: 0 !important;
      }
    }
    .icon {
      margin-right: 8px;
    }
  }
  .button {
    position: relative;
    padding-right: 6px;
    flex-grow: 1;
    flex: 1;
    &:after {
      content: ' ';
      position: absolute;
      top: 10%;
      right: 0px;
      width: 1px;
      height: 90%;
      background-color: @border-light;
    }
    &:last-of-type {
      &:after {
        display: none;
      }
    }
    &:last-of-type {
      margin-right: 0
    }
    span {
      font-weight: 500;
    }
  }
}